<!DOCTYPE html>
<html>
<head>
    <title>域名解析</title>
    <#include "/header.html">
    <style>
        .tdStyle{
            padding: 6px 8px;
            color: #FFFFFF;
            font-size: 10px;
            border-radius: 4px;
        }
        .timeBox{
            text-align: left;
            padding: 5px 0;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div>
        <div  class="container-div ui-layout-center" style="height: 34px;margin-top: 10px;">
        <div class="">
            <div class="layui-col-md2 " style="margin-right:30px;">
                <input type="text"  style="width:220px;" class="form-control" v-model="q.domainName "  placeholder="请输入相关域名">
            </div>
             <div class="layui-col-md2 " style="margin-right:30px;">
                <select style="width:150px;" class="selectpicker" id="domainStatus"  data-live-search="true"  title="请选择域名状态">
                    <option value="">全部</option>
                    <option value="1">急需续费</option>
                    <option value="2">急需赎回</option>
                    <option value="3">正常</option>
                </select>
            </div>
            <div class="layui-col-md2" style="margin-right:30px;">
                <select style="width:150px;" class="selectpicker" id="domainType"  data-live-search="true" title="请选择域名类型">
                    <option value="">全部</option>
                    <option value="New gTLD">New gTLD</option>
                    <option value="gTLD">gTLD</option>
                    <option value="ccTLD">ccTLD</option>
                </select>
            </div>
            <div class="layui-col-md2" style="margin-right: 30px;">
                <select style="width:150px;" class="selectpicker" id="premium"  data-live-search="true" title="请选择是否是溢价域名">
                    <option value="">全部</option>
                    <option value="1">是</option>
                    <option value="0">否</option>
                </select>
            </div>
            <div class="layui-col-md2">
                <select style="width:150px;" class="selectpicker" id="registrantType"  data-live-search="true" title="请选择域名注册类型">
                    <option value="">全部</option>
                    <option value="1">个人</option>
                    <option value="2">企业</option>
                </select>
            </div>
        </div>
    </div>
    <div style="margin-top: 10px;height: 34px;"  class="container-div ui-layout-center">
        <div class="layui-col-md2" style="margin-right: 30px">
            <input type="text" style="width:220px;" class="form-control" required  id="creTime"  placeholder="请选择创建期日期范围"  autocomplete="off" >
        </div>
        <div class="layui-col-md2" style="margin-right:30px">
            <input type="text" style="width:220px;" class="form-control" required  id="regStartTime"  placeholder="请选择注册日期范围"  autocomplete="off" >
        </div>
       <div class="layui-col-md2" style="margin-right: 30px">
            <input type="text" style="width:220px;" class="form-control" required  id="outStartTime"  placeholder="请选择到期日期范围"  autocomplete="off" >
        </div>
        <div class="layui-col-md2" style="margin-right:30px;">
            <select style="width:150px;" class="selectpicker" id="domainAuditStatus"  data-live-search="true" title="请选择域名实名认证状态">
                <option value="">全部</option>
                <option value="FAILED">实名认证失败</option>
                <option value="SUCCEED">实名认证成功</option>
                <option value="NONAUDIT">未实名认证</option>
                <option value="AUDITING">审核中</option>
            </select>
        </div>
        <div class="layui-col-md2">
            <select style="width:150px;" class="selectpicker" id="expirationDateStatus"  data-live-search="true" title="请选择域名过期状态">
                <option value="">全部</option>
                <option value="1">域名未过期</option>
                <option value="2">域名已过期</option>
            </select>
        </div>
     </div>
      <div style="margin-top: 10px;height: 34px;"  class="container-div ui-layout-center">
          <div class="layui-col-md2 " style="margin-right:30px;">
              <input type="text"  style="width:220px;" class="form-control" v-model="q.platformName "  placeholder="请输入相关平台名称进行检索">
          </div>
          <div class="layui-col-md2">
              <button style="margin-right: 10px;"  ref="schedule_search" class="btn btn-primary" @click="query">搜索</button>
              <button  class="btn btn-info" @click="reset">Reset</button>
          </div>
      </div>
<div>
    <div class="col-sm-12 select-info table-striped">
        <table id="bootstrap-table" data-mobile-responsive="true"></table>
    </div>
</div>
</div>
</div>
<script src="${request.contextPath}/statics/js/modules/job/dnsManage.js?_${.now?long}"></script>
<style>
    input[type="radio"] + label::before {
        content: "\a0"; /*不换行空格*/
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        width: 1em;
        height: 1em;
        margin-right: .4em;
        border-radius: 50%;
        border: 1px solid #1c84c6;
        text-indent: .15em;
        line-height: 1;
    }
    input[type="radio"]:checked + label::before {
        background-color: #1c84c6;
        background-clip: content-box;
        padding: .2em;
    }
    input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }
    .texts{
        white-space: normal !important;
        height:auto;
        vertical-align:text-top;
        word-break: break-all;
        white-space: pre-line !important;
        overflow: visible !important;
        padding:5px;
     }
    .selectedTr{
        background-color: #dff0d8 !important;
    }
    .selectedTr td{
        background-color: #dff0d8 !important;
    }
</style>
</body>
</html>